<!--
 * @LastEditors: 杜康
 * @LastEditTime: 2021-12-07 17:39:22
-->
<template>
  <div class="bg-gray-100 sm:bg-yellow-300 md:bg-green-300 lg:bg-pink-300 xl:bg-blue-300 2xl:bg-red-300">
    <div class="px-8 py-12 max-w-md mx-auto sm:max-w-xl">
      <img
        class="h-10"
        src="../assets/logo.jpg"
        alt="FinalFantasy"
      >
      <img
        class="block lg:hidden mt-6 rounded-lg shadow-xl sm:mt-8 sm:h-64 sm:w-full sm:object-cover object-center"
        src="../assets/bg.jpeg"
        alt="Cat girl"
      >
      <h1 class="mt-6 sm:mt-8 sm:text-4xl text-2xl font-bold text-gray-900">You Can Trust Cat Girl Anytime!<span class="text-indigo-500">Cute! Kawai! Beautiful!</span></h1>
      <p class="mt-2 sm:mt-4 sm:text-xl text-gray-600">这里是一段描述最终幻想14中，可爱的猫娘的文字，比起闻名世界的顶级食材拉拉肥，猫娘可爱的外表下往往隐藏着一颗腹黑的心，她们往往会躲在暗处悄悄捉弄你哟~</p>
      <div class="mt-4 sm:mt-6">
        <a
          class="shadow-lg inline-block px-5 py-3 bg-indigo-500 text-white rounded-lg uppercase tracking-wider font-semibold text-sm sm:text-base"
          href=""
        >Book your escape</a>
      </div>
    </div>
    <img
      class="hidden lg:block"
      src="../assets/bg.jpeg"
      alt="Cat girl"
    >
  </div>

</template>

<script>
</script>